<template>
   
   <div :style="regular?'position: relative;margin-top: 340px;':''">
        <div class="nav-footer-mian" :style=" {'background-color':color?color:'#007aff','position: absolute;bottom: 0;':regular}">
            <div class="nav-footer">
                <div class="nav-footer-filings-info">
                    {{ site.ICP }}
                </div>
                <div class="nav-footer-name">
                    <div class="logo" >
                        {{ site.text }}
                    </div>
                </div>
                <div class="nav-footer-contact-info">
                    <div class="nav-footer-contact-item" @click="handlerContact(index)" v-for="(contact,index) in site.contactList" :key="index">
                        <i :class="contact.icon"></i>
                        {{ contact.info }}
                    </div>
                    
                </div>
            </div>
        </div>

   </div>
   
</template>

<script>
export default {

    data(){
        return{
           

        }
    },
    props:['site','regular','color'],
    methods:{
        handlerContact(index){
            this.$emit('contact',index);
        }

    },
    created(){
        
    }
    

}
</script>

<style scoped>
.logo{
    font-weight: 600;
    font-size: 30px;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px;

}


.logo::after{
    content: '知行互联';
    /* color: #fff; */
    color: #FA5E2E;
    /* background-color: #FA5E2E; */
}
.nav-footer-mian{
    width: 100%;
    display: flex;
    justify-content: center;
    height: 300px;
    
    
    /* z-index: 1111; */
    /* background-color: #1E171F; */


}
.nav-footer{
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
 
}
.nav-footer-filings-info,.nav-footer-contact-info{
    color: #fff;
    margin: auto 0;
}

.nav-footer-contact-item:hover,.nav-footer-filings-info:hover{
    cursor: pointer;
    color: #FF9B00;

}
</style>